<div class="inspection-detail">
        <div nz-form-item nz-row style="margin-top:15px;margin-bottom:10px;">
                <div nz-col [nzSpan]="6">
                  <button nz-button [nzType]="'primary'" [nzSize]="'small'" col-offset-2 (click)="toBack()">
                            <i class="anticon anticon-left" ></i><span>返回</span>
                        </button>
                </div>
              </div>
    <nz-spin [nzSpinning]="isSpinning">
         <form nz-form [formGroup]="validateForm" >
            <nz-table #nzTable [nzDataSource]="list" nzSize="middle" [nzBordered]="true" [nzIsPagination]="false" (nzDataChange)="displayDataChange($event)">
                <thead nz-thead>
                    <tr>
                        <th nz-th rowspan="2" colspan="5"><span>检查项目</span></th>
                        <th nz-th colspan="1"><span>注册代码</span></th>
                        <th nz-th rowspan="2" colspan="3"><span>备注</span></th>
                        <th nz-th rowspan="2" colspan="3"><span>图片</span></th>
                    </tr>
                    <tr nz-tbody-tr>
                        <th nz-th colspan="1"><span>{{inspectionBean.elevatorNum}}</span></th>
                    </tr>
                </thead>
                <tbody nz-tbody>
                    <tr nz-tbody-tr >
                        <td nz-td rowspan="9"><span>轿厢</span></td>
                        <td nz-td colspan="4"><span>轿厢内铭牌、检验标志、乘梯须知清晰</span></td>
                        <td nz-td *ngIf="showBean.instructionsClear&&showBean.instructionsClear.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.instructionsClear&&showBean.instructionsClear.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.instructionsClear?showBean.instructionsClear.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.instructionsClear">
                                <img (click)="showLargeImage(titlepic,contentpic,footerpic,pic)" style="margin-left:2px;" *ngFor="let pic of showBean.instructionsClear.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>轿厢内照明正常、通风良好</span></td>
                        <td nz-td *ngIf="showBean.carInteriorLighting&&showBean.carInteriorLighting.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.carInteriorLighting&&showBean.carInteriorLighting.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.carInteriorLighting?showBean.carInteriorLighting.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.carInteriorLighting">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.carInteriorLighting.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>轿厢内应急照明正常有效</span></td>
                        <td nz-td *ngIf="showBean.emergencyLighting&&showBean.emergencyLighting.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.emergencyLighting&&showBean.emergencyLighting.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.emergencyLighting?showBean.emergencyLighting.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.emergencyLighting">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.emergencyLighting.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>轿厢内紧急报警装置正常有效，与值班室通话正常</span></td>
                        <td nz-td *ngIf="showBean.emergencyAlarmDevice&&showBean.emergencyAlarmDevice.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.emergencyAlarmDevice&&showBean.emergencyAlarmDevice.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.emergencyAlarmDevice?showBean.emergencyAlarmDevice.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.emergencyAlarmDevice">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.emergencyAlarmDevice.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>防止门夹人保护装置动作有效</span></td>
                        <td nz-td *ngIf="showBean.doorClipHolder&&showBean.doorClipHolder.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.doorClipHolder&&showBean.doorClipHolder.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.doorClipHolder?showBean.doorClipHolder.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.doorClipHolder">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.doorClipHolder.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>开关门灵活可靠</span></td>
                        <td nz-td *ngIf="showBean.switchDoorFlexible&&showBean.switchDoorFlexible.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.switchDoorFlexible&&showBean.switchDoorFlexible.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.switchDoorFlexible?showBean.switchDoorFlexible.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.switchDoorFlexible">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.switchDoorFlexible.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>电梯运行无异常振动和响声</span></td>
                        <td nz-td *ngIf="showBean.runningWithoutException&&showBean.runningWithoutException.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.runningWithoutException&&showBean.runningWithoutException.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.runningWithoutException?showBean.runningWithoutException.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.runningWithoutException">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.runningWithoutException.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>电梯运行平层正常</span></td>
                        <td nz-td *ngIf="showBean.operationLevelNormal&&showBean.operationLevelNormal.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.operationLevelNormal&&showBean.operationLevelNormal.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.operationLevelNormal?showBean.operationLevelNormal.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.operationLevelNormal">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.operationLevelNormal.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>选层按钮正常</span></td>
                        <td nz-td *ngIf="showBean.layerButtonNormal&&showBean.layerButtonNormal.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.layerButtonNormal&&showBean.layerButtonNormal.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.layerButtonNormal?showBean.layerButtonNormal.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.layerButtonNormal">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.layerButtonNormal.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td rowspan="5"><span>候梯厅</span></td>
                        <td nz-td colspan="4"><span>外呼按钮正常</span></td>
                        <td nz-td *ngIf="showBean.callButtonNormal&&showBean.callButtonNormal.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.callButtonNormal&&showBean.callButtonNormal.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.callButtonNormal?showBean.callButtonNormal.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.callButtonNormal">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.callButtonNormal.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>楼层显示器正常</span></td>
                        <td nz-td *ngIf="showBean.floorMonitorNormal&&showBean.floorMonitorNormal.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.floorMonitorNormal&&showBean.floorMonitorNormal.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.floorMonitorNormal?showBean.floorMonitorNormal.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.floorMonitorNormal">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.floorMonitorNormal.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>侯梯厅照明正常</span></td>
                        <td nz-td *ngIf="showBean.staircaseLightNormal&&showBean.staircaseLightNormal.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.staircaseLightNormal&&showBean.staircaseLightNormal.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.staircaseLightNormal?showBean.staircaseLightNormal.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.staircaseLightNormal">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.staircaseLightNormal.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>层门无明显变形、破损</span></td>
                        <td nz-td *ngIf="showBean.doorNoDeformation&&showBean.doorNoDeformation.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.doorNoDeformation&&showBean.doorNoDeformation.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.doorNoDeformation?showBean.doorNoDeformation.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.doorNoDeformation">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.doorNoDeformation.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>层门周边无间隙、破损</span></td>
                        <td nz-td *ngIf="showBean.gateNoGap&&showBean.gateNoGap.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.gateNoGap&&showBean.gateNoGap.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.gateNoGap?showBean.gateNoGap.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.gateNoGap">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.gateNoGap.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td rowspan="7"><span>客梯配电箱</span></td>
                        <td nz-td colspan="4"><span>通道畅通、照明完好</span></td>
                        <td nz-td *ngIf="showBean.accessAndLighting&&showBean.accessAndLighting.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.accessAndLighting&&showBean.accessAndLighting.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.accessAndLighting?showBean.accessAndLighting.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.accessAndLighting">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.accessAndLighting.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>配电箱门锁完好、警示标志完好</span></td>
                        <td nz-td *ngIf="showBean.distributionBoxLocked&&showBean.distributionBoxLocked.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.distributionBoxLocked&&showBean.distributionBoxLocked.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.distributionBoxLocked?showBean.distributionBoxLocked.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.distributionBoxLocked">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.distributionBoxLocked.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>配电箱与轿厢通话正常</span></td>
                        <td nz-td *ngIf="showBean.normalCall&&showBean.normalCall.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.normalCall&&showBean.normalCall.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.normalCall?showBean.normalCall.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.normalCall">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.normalCall.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>控制柜无灰尘，电气元件无明显破损</span></td>
                        <td nz-td *ngIf="showBean.controllerNoDust&&showBean.controllerNoDust.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.controllerNoDust&&showBean.controllerNoDust.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.controllerNoDust?showBean.controllerNoDust.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.controllerNoDust">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.controllerNoDust.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>接触器无异响、打火花等现象</span></td>
                        <td nz-td *ngIf="showBean.contactorNoNoise&&showBean.contactorNoNoise.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.contactorNoNoise&&showBean.contactorNoNoise.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.contactorNoNoise?showBean.contactorNoNoise.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.contactorNoNoise">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.contactorNoNoise.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>曵引机无异常噪声和振动</span></td>
                        <td nz-td *ngIf="showBean.machineNoException&&showBean.machineNoException.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.machineNoException&&showBean.machineNoException.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.machineNoException?showBean.machineNoException.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.machineNoException">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.machineNoException.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td colspan="4"><span>应急救援程序清晰</span></td>
                        <td nz-td *ngIf="showBean.emergencyProceduresClear&&showBean.emergencyProceduresClear.isOk==1"><i class="anticon anticon-check"></i></td>
                        <td nz-td *ngIf="showBean.emergencyProceduresClear&&showBean.emergencyProceduresClear.isOk==0"><i class="anticon anticon-close"></i></td>
                        <td nz-td colspan="3">{{showBean.emergencyProceduresClear?showBean.emergencyProceduresClear.remarks:""}}</td>
                        <td nz-td colspan="3">
                            <div *ngIf = "showBean.emergencyProceduresClear">
                                <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.emergencyProceduresClear.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td nz-td ><span>其他</span></td>
                        <td nz-td colspan="9"><span>{{inspectionBean.other}}</span></td>
                    </tr>
                    <tr>
                        <td nz-td ><span>检查总结</span></td>
                        <td nz-td colspan="9"><span>{{inspectionBean.inspectionSummary}}</span></td>
                    </tr>
                    <tr>
                        <td nz-td ><span>备注</span></td>
                        <td nz-td colspan="9"><span>{{inspectionBean.remarks}}</span></td>
                    </tr>
                    <tr>
                        <td nz-td ><span>检查人</span></td>
                        <td nz-td colspan="9"><span>{{inspectionBean.checkUserName}}</span></td>
                    </tr>
                </tbody>
            </nz-table>
        </form>
    </nz-spin>
</div>

<ng-template #titlepic>
    <span>图片</span>
</ng-template>
<ng-template #contentpic>
    <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
</ng-template>
<ng-template #footerpic>
    <div>
    </div>
</ng-template>
